<template>
    <div>
       <img :src="img" class="web-banner">
       <div class="breadcrumb-main">
        <div class="breadcrumb-inner">
          <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/web/home' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item>关于我们</el-breadcrumb-item>
          </el-breadcrumb>
        </div>
      </div>
      <div class="web-about-main ql-snow ql-editor">
          <div class="web-about-left">
            <div class="web-about-max">PASSION FOR PERFECTION</div>
            <div class="web-about-min">至臻 · 致远</div>
          </div>
          <div class="web-about-right" v-html="content">
          </div>
      </div>
    </div>
  </template>
  <script>
import { getWebSystemAbout } from "@/api/about_api"  
import banner_img from "@/assets/home_banner.jpg"
  export default {
    name:"webAbout",
    data() {
      return {
        img:banner_img,
        content:''
      };
    },
    mounted() {
      this.getAbout();
    },
    methods: {
      async getAbout(){
          const {code,data} = await getWebSystemAbout(1);
          if(code === 200){
            this.content = data.content;
          }
        },
    }
  };
  </script>
